<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Json对象解构</title>
</head>

<body>
    <script>
        // 后台传递过来的数据
        const msg = {
            "code": 200,
            "msg": "获取新闻列表成功",
            "data": [
                {
                    "id": 1,
                    "title": "5G商用自己，三大运用商收入下降",
                    "count": 58
                },
                {
                    "id": 2,
                    "title": "国际媒体头条速览",
                    "count": 56
                },
                {
                    "id": 3,
                    "title": "乌克兰和俄罗斯持续冲突",
                    "count": 1669
                },

            ]
        }

        // 需求1： 请将以上msg对象  采用对象解构的方式 只选出  data 方面后面使用渲染页面
        const { data } = msg

        // 需求2： 上面msg是后台传递过来的数据，我们需要把data选出当做参数传递给函数
        function render({ data }) {
            console.log(data);
        }
        render(msg)

        // 需求3，为了防止msg里面的data名字混淆，要求渲染函数里面的数据名改为 myData
        function render({data:myData}) {
            // 要求将 获取过来的 data数据 更名为 myData
            // 内部处理
            console.log(myData);
        }
        render(msg)
    </script>
</body>

</html>